﻿@{
    Layout = null;
}
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Index</title>

    <script language="javascript" type="text/javascript">
        function displayTree() {
            if (treetable.style.display == "block") {
                treetable.style.display = "none";
                conDis.src = '@Url.Content("~/Content/images/Admin/left_frm.gif")';
            }
            else {
                treetable.style.display = "block";
                conDis.src = '@Url.Content("~/Content/images/Admin/right_frm.gif")';
            }
        }
        function drag() {
            if (treetable.style.display == "block") {
                var e = document.getElementById("treetable");
                try {
                    if (e.offsetWidth > 100 || event.offsetX > 0)
                        e.width = e.offsetWidth + event.offsetX;
                    else
                        e.width = "100px";
                } catch (e) {
                }
            }
        }
        function startDrop(obj) {
            var e = window.event;
            if (e.button == 1 && e.srcElement.tagName == "TD") {
                obj.dragDrop();
            }
        }
        function changeSize() {
            var e = window.event;
            if (e.button == 1) {
                displayTree();
                return false;
            }
        }
        function init() {
            document.body.scroll = 'no';
        }
       
    </script>

    <style>
        body
        {
            margin-top: 0px;
            margin-left: 0px;
        }
    </style>
</head>
<body>
    <table width="100%" style="height: 100%" cellpadding="0" cellspacing="0" border="0" bgcolor="cccccc">
        <tr>
            <td width="180" style="height: 100%" id="treetable" name="treetable" style="display: block" bgcolor="ffffff">
                <table width="100%" cellspacing="0" cellpadding="0" border="0" style="height: 100%">
                    <tr>
                        <td>
                            <iframe  src="@Url.Action("OrganizeTree", "Organize", new { type = "USER" })" width="100%" style="height:100%" name="typeframe" id="typeframe" frameborder="0" scrolling="auto"></iframe>
                        </td>
                    </tr>
                </table>
            </td>
            <td style="cursor: col-resize" onmousedown="startDrop(this)" width="7" bgcolor="eeeeee" ondrag="drag()" ondragover="window.event.returnValue=false">
                <img onmouseup="changeSize()" src="@Url.Content("~/Content/images/Admin/left_frm.gif") border="0" id="conDis" name="conDis" width="7"></td>
            <td bgcolor="ffffff">
                <iframe  id="contentframe" name="contentframe" style="width:100%;height:100%" frameborder="0"></iframe>
            </td>
        </tr>
    </table>
</body>
</html>
